<template>
  <div class="box">
    <div class="header">
      <span class="iconfont icon-fanhui" @click="back()"></span>
      <div class="title">联系客服</div>
    </div>
    <div class="tel">
      <p>400 788 78888</p>
      <span> 上海 </span>
    </div>
    <img src="../../static/电话.png" alt="" />
  </div>
</template>

<script>
import "../../static/iconfont/font_g5b9ldx0nvj/iconfont.css";
export default {
  methods: {
    back() {
      uni.navigateBack();
    },
  },
};
</script>

<style lang='scss'>
.box {
  width: 100%;
  display: flex;
  flex-direction: column;
  .header {
    width: 100%;
    height: 200rpx;
    background: linear-gradient(90deg, #0272f0, #36a2fe);
    display: flex;
    align-items: center;
    position: relative;
    top: 0;
    position: sticky;
    span {
      position: absolute;
      left: 40rpx;
      top: 50%;
      transform: translate(0, -50%);
      color: #fff;
    }
    .title {
      width: 100%;
      text-align: center;
      color: #fff;
    }
  }
  .tel {
     margin-top: 35rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    p {
      font-size: 60rpx;
      font-weight: 900;
    }
    span {
      font-size: 40rpx;
    }
  }
  img {
    margin-top: 400rpx;
  }
}
</style>